<template>
    <div class="footer">
        <div class="container">
            <div class="links">
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
                <a href="#">隐私政策</a>
                <a href="#">使用条款</a>
                <a href="#">帮助中心</a>
            </div>
            <div class="info">
                <p>© 2024 多低调网站. 保留所有权利.</p>
                <p>备案号： 蜀ICP备2024055430号</p>
                <p>地址：湖北省荆门市荆楚理工学院</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style scoped>
.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    border-top: 1px solid #e7e7e7;
}
.footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .links,
.footer .info {
    display: flex;
    flex-direction: column;
}
.footer .links a {
    color: #007bff;
    text-decoration: none;
    margin-bottom: 5px;
}
.footer .links a:hover {
    text-decoration: underline;
}
.footer .info {
    text-align: right;
}
.footer .info p {
    margin: 0;
}
</style>
